<template>
	<div>
		<Card class='card-border' style='padding:20px'>
            <div>
                <i class='iconfont icon-icon-test6 icon-engine'></i>
                <div style='display: inline-block;vertical-align: middle'>
                    <h3>云引擎</h3>
                    <p style='color:#657180;font-size:12px'>您尚未开通云引擎，请您先：</p>
                </div>
            </div>
            <div style='margin-left: 50px;margin-top: 20px'>
                <button class='btn' style='margin-bottom: 0;width:110px' @click='openEngine'>开通云引擎</button>
            </div>
        </Card>
        <div class='engine-desc'>
            <div style='overflow:hidden;margin-bottom: 20px;line-height: 1'>
                <div style='width:3px;height: 14px;background:#06A0FD;float:left'></div>
                <div style='float:left;font-size:18px;margin-left: 6px;'>云引擎介绍</div>
            </div>
            <div style='padding-left: 8px;color:#657180'>
                <p>云函数是云引擎的一个子模块，请确保在阅读本文档之前已经阅读了 <a href="https://cloud.qingful.com/doc/#/zh-cn/cloudFunction" target='_blank'>云引擎文档</a> 。</p>
                <p>当您开发应用时，可能有以下需求</p>
                <p>1.有些逻辑希望能够灵活的处理，但是又不希望频繁的更新和发布客户端。</p>
                <p>2.有些逻辑需要的数据量很大，或者运算成本高，或者客户端实现不了。</p>
                <p>3.当应用执行特定操作时，比如群发邮件，日志统计，小程序登录，发送微信模版消息等。</p>
                <p>4.当应用需要计划任务时，比如每天群发邮件，清理垃圾账号等。</p>
                <p>5.当应用需要开发调试时，需要获取请求应用日志时。</p>
                <p>这时，您可以开启云引擎，目前云函数支持JavaScript，如有更多需求请联系我们的客服。</p>
            </div>
        </div>
	</div>
</template>
<script>
	export default{
		data(){
			return{

			}
		},
		methods:{
			openEngine(){
				this.$emit('openEngine',true)
			}
		}
	}
</script>
<style scoped>
	.icon-engine{
		font-size:50px;
		color:#06a0fd;
		vertical-align: middle;
		display: inline-block;
		line-height: 1
	}
	.engine-desc{
        background:#fff;
        padding:40px 40px 40px 45px;
        margin-top: 16px;
        font-size:16px;
        line-height: 28px;
    }
</style>